<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="shortcut icon" href="/img/kurento.png" type="/image/png"/>

    <link rel="stylesheet"
          href="/webjars/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet"
          href="/webjars/ekko-lightbox/dist/ekko-lightbox.min.css">
    <link rel="stylesheet" href="/webjars/demo-console/index.css">
    <link rel="stylesheet" href="/css/kurento.css">

    <script src="/webjars/jquery/dist/jquery.min.js"></script>
    <script src="/webjars/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="/webjars/ekko-lightbox/dist/ekko-lightbox.min.js"></script>
    <script src="/webjars/webrtc-adapter/release/adapter.js"></script>
    <script src="/webjars/demo-console/index.js"></script>

    <script src="/js/kurento-utils.js"></script>
    <script src="/js/presenter.js"></script>
    <title>直播间</title>
</head>
<body>
<header>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <!--<button type="button" class="navbar-toggle" data-toggle="collapse"-->
                <!--data-target=".navbar-collapse"></button>-->
            </div>
        </div>
    </div>
</header>
<div class="container">
    <div class="page-header">

    </div>


    <div class="col-md-5">
        <label class="control-label" for="name">Name</label>
        <div class="row">
            <div class="col-md-5">
                <input id="name" name="name" class="form-control" type="text"
                       onkeydown="if (event.keyCode == 13) register();"/>
            </div>
            <div class="col-md-7 text-right">
                <a id="register" href="#" onclick="register()" class="btn btn-primary"><span
                        class="glyphicon glyphicon-plus"></span> 注册</a>
            </div>
        </div>

        <br/> <label class="control-label" for="chat_input">输入：</label>
        <div class="chat_input">
            <input type="text" id="chat_input">
            <!--<input type="button" onclick="send_chat()" class="btn" value="发送消息">-->

            <a id="send_msg" href="#" onclick="send_chat()" class="btn btn-primary"><span
                    class="glyphicon glyphicon-plus"></span> 发送消息</a>

        </div>

    </div>

    <br>

    <div class="row">
        <div class="col-md-5">
            <div class="row">
                <div class="col-md-12">
                    <a id="presenter" href="#" class="btn btn-success"><span
                            class="glyphicon glyphicon-play"></span> 开始直播 </a>
                    <a id="stop"
                       href="#" class="btn btn-danger"><span
                            class="glyphicon glyphicon-stop"></span> 停止直播</a>
                </div>
            </div>
            <br/> <label class="control-label" for="console">Console</label><br>
            <br>
            <div id="console" class="democonsole">
                <ul></ul>
            </div>
        </div>
        <div class="col-md-7">
            <div id="videoBig">
                <video id="video" autoplay width="640px" height="480px"
                       poster="/img/webrtc.png"></video>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="foot-fixed-bottom">

    </div>
</footer>
</body>
</html>
